// 首页样式
// 将common引入index
@import "common";
@basefont:50px;
body {
    min-width: 320px;
    width: 15rem; // 750px / 50px
    margin: 0 auto;
    line-height: 1.5;
    font-family: Arial, Helvetica, sans-serif;
    background: #f2f2f2;
    // font-size: 20rem / @basefont
};

.search-content {
    // 固定定位
    display: flex;
    position: fixed;
    width: 15rem;
    height: 88rem / @basefont;
    background-color: #ffc001;
    .classify {
        width: 44rem / @basefont;
        height: 70rem / @basefont;
        margin: 11rem / @basefont 25rem / @basefont 7rem / @basefont 24px;
        background: url('../images/classify.png') no-repeat;
        background-size: 44rem / @basefont 70rem / @basefont;
    }
    .search {
        flex: 1;
        input {
            outline: none;
            height: 66rem / @basefont;
            width: 100%;
            border-radius: 33px;
            margin-top: 12rem / @basefont;
            border: 0;
            background-color: #fff2cc;
            font-size: 25rem / @basefont;
            padding-left: 55rem / @basefont;
            color: #757575;
        }
    }
    .login {
        width: 75rem / @basefont;
        height: 70rem / @basefont;
        margin: 10rem / @basefont;
        font-size: 25rem / @basefont;
        color: #ffffff;
        text-align: center;
        line-height: 70rem / @basefont;
    }
}
.banner {
    width: 750rem / @basefont;
    height: 368rem / @basefont;
    img {
        width: 100%;
        height: 100%;
    }
}
.tell {
    display: flex;
    a {
        flex: 1;
        img {
            width: 100%;
        }
    }
}

.nav {
    width: 750rem / @basefont;
    a {
        float: left;
        width: 750rem / 5 / @basefont;
        height: 140rem / @basefont;
        img {
            display: block;
            width: 82rem / @basefont;
            height: 82rem / @basefont;
            margin: 10rem / @basefont auto 0;
        }
        span {
            display: block;
            font-size: 25rem / @basefont;
            color: #333333;
            text-align: center;
            margin: 10rem / @basefont auto 0;
        }
    }
}
